<template>
  <div class="home">
    <img alt="Vue logo" src="../../assets/logo.png" />
    <div>
      <icon-svg icon-class="dg" icon-color="#304056"></icon-svg>
      <icon-svg icon-class="bd" icon-color="#304056"></icon-svg>
      <icon-svg icon-class="ht" icon-color="#304056"></icon-svg>
      <icon-svg icon-class="kxg" icon-color="#304056"></icon-svg>

      <icon-svg icon-class="kxg" icon-color="#304056"></icon-svg>
      <icon-svg icon-class="ht" icon-color="#304056"></icon-svg>
      <icon-svg icon-class="bd" icon-color="#304056"></icon-svg>
      <icon-svg icon-class="dg" icon-color="#304056"></icon-svg>
    </div>

    <el-input v-model="num" type="text"></el-input>
    <HelloWorld msg="Welcome to Your Vue.js App" />
  </div>
</template>

<script>
// @ is an alias to /src
import HelloWorld from "@/components/HelloWorld.vue";
import { ref } from "vue";

export default {
  name: "Home",
  components: {
    HelloWorld,
  },
  setup() {
    // console.log("home>>>>>>");
    let num = ref("");
    return {
      num,
    };
  },
};
</script>
